<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>淘票票</title>
	<link rel="stylesheet" href="../../../public/bootstrap.min.css">
	<link rel="stylesheet" href="../../../public/css/layout.css">
	<link rel="stylesheet" href="../../../public/css/home.css">
	<link rel="stylesheet" href="../../../public/css/film.css">
	<script type="text/javascript" src="../../../public/js/vue.js"></script>
</head>
<body>
#{header user:user/}
	<article>
		<div class="movie-path center">
			<a href="home.html">首页</a>
			>
			<a href="film.html">影片</a>
			> 广州
		</div>
		<div class="movie-wrap center">
			<div class="movie-control">
				<a href="#" class="current">正在热映</a>
				<a href="#">即将上映</a>
				<div class="line"></div>
			</div> 

		<div class="center">
			<div class="tab-centent">
				<div class="container">
					<div id="film-up" class="row">

						<movie-modele v-for="item in items" :movie-data="getData($index)"></movie-modele>
							<script type="text/x-template" id="tem-movie">
								<div class="movie-card col-md-3 col-sm-4 col-xs-4">
									<a href="filmDetail.html?movieId={{movieData.id}}" class="movie-link">
										<div class="movie-tag">
											<i class="i-new"></i>
										</div>
										<div class="movie-img">
											<img src="{{movieData.img}}">
										</div>
										<div class="movie-name">
											<span>{{movieData.name}}</span>
											<span>{{movieData.score}}</span>
										</div>
										<div class="movie-info">
											<div class="movie-mask"></div>
											<div class="movie-dec">
												<span>导演：{{movieData.diretor}}</span>
					                            <span>主演：{{movieData.actors}}</span>
					                            <span>类型：动作 冒险 科幻</span>
					                            <span>地区：美国</span>
					                            <span>语言：英语</span>
					                            <span>片长：113分钟</span>
											</div>
										</div>
									</a>
									<a href="filmDetail.html?movieId={{movieData.id}}" class="movie-buy">选座购票</a>
								</div>
								</script>
					</div>
				</div>
			</div>
		</div>
		</div>
	</article>
	<footer>
		<div class="center foot-wrap">
			<div class="foot-middle">
				<h1>淘票票</h1>
				<dl>
					<dt>选座购票流程</dt>
					<dd><a href="#">选择影片和场次</a></dd>
					<dd><a href="#">选择中意的座位</a></dd>
					<dd><a href="#">支付并收到取票短信</a></dd>
				</dl>
				<dl>
					<dt>取票流程</dt>
					<dd><a href="#">收到取票短信</a></dd>
					<dd><a href="#">影院自助取票</a></dd>
					<dd><a href="#">短信重发方式</a></dd>
				</dl>
				<dl>
					<dt>常见问题</dt>
					<dd><a href="#">是否支持退换票</a></dd>
					<dd><a href="#">填错手机号怎么办</a></dd>
					<!-- <dl><a href="#"></a></dl> -->
				</dl>
				<dl>
					<dt>关于我们</dt>
					<dd><a href="#">张国彬</a></dd>
					<dd><a href="#">陈晓霞</a></dd>
					<dd><a href="#">黄家健</a></dd>
					<dd><a href="#">黄宝多</a></dd>
				</dl>
			</div>
			<div class="foot-bottom">
				<p>@ 2016 数据库课程设计 张国彬小组所有</p>
			</div>
		</div>
		
	</footer>
	<script src="../../../public/js/jquery-1.9.1.min.js"></script>
	<script src="../../../public/js/bootstrap.min.js"></script>
	<script src="../../../public/js/filmModel.js"></script>
	<script src="../../../public/js/film.js"></script>
</body>
</html>